<%--
  Created by IntelliJ IDEA.
  User: 杨威
  Date: 2021/9/22
  Time: 19:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<p>第一段文字</p>
<p>第二段文字</p>
<p>第三段文字</p>
<p>第四段文字</p>
<p id="p5">第五段文字</p>
<button onclick="change()">改变第五段文字</button>

<%--<script type="text/javascript">--%>
<%--    function change() {--%>
<%--        var p5 = document.getElementById("p5");--%>
<%--        // 创建对象--%>
<%--        var xhr=new XMLHttpRequest--%>
<%--        //设置回调函数--%>
<%--        xhr.onreadystatechange=function () {--%>
<%--            if(xhr.readyState==4&&xhr.status==200){--%>
<%--                console.log("111")--%>
<%--                var text = xhr.responseText;--%>
<%--                p5.innerText=text;--%>
<%--            }--%>
<%--        }--%>
<%--        xhr.open("get","testAjax",true)--%>
<%--        xhr.send()--%>
<%--    }--%>



<%--</script>--%>
<script type="text/javascript">
    var p5 = document.getElementById("p5");
    var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function () {
        if(xhr.readyState==4&&xhr.status==200){
            var text = xhr.responseText;
            p5.innerText=text
        }
    }
    xhr.open("get","testAjax",true)
    xhr.send()
</script>
</body>
</html>
